<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" 
xmlns:h="http://java.sun.com/jsf/html" xmlns:es="http://simplesurfshop.com/" 
xmlns:f="http://java.sun.com/jsf/core">

<h:head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1352" />

<title>
<ui:insert name="title">Placeholder title</ui:insert>
</title>

<ui:insert name="style"></ui:insert>

<link rel="stylesheet" type="text/css" href="resources/styles/style.css" />
 
<script type="text/javascript">
	function bookmarksite(title, url){
		if (document.all)
		window.external.AddFavorite(url, title);
		else if (window.sidebar)
		window.sidebar.addPanel(title, url, "")
	}
</script>
</h:head>

<body>

<div id="wrapper">
	<h:panelGroup id="header" layout="block" 
	style="background:url(resources/images/bg-header.png) repeat-x;">
	
  	<img class="logo-img" src="resources/images/logo.png" alt=""  />
  	  
    <h1><a href="#" title="Title">ShopX</a></h1>
    <span>ShopX</span>
   
    <a href="javascript:bookmarksite('ShopX', 'http://www.shopX.by/')" title="Add bookmark" class="bookmark">Add bookmark</a>
  <div id="navigation">
    <ul>
      <li class="first-link"><a href="#" title="">Main</a></li>
      <li ><a href="#"  title="">Login/register</a></li>
      <li><a href="#" title="">Contacts</a></li>
      <li><a href="#" title="">User office</a></li>
      <li><a href="#" title="">Downloads</a></li>
    </ul>
   </div>	
  </h:panelGroup>

  
    <div id="loginPanel">
		
  	</div>
  	
  	<div id="search">
		
  	</div>
  	
  <div id="basket">
		<h:form>
		<h:commandLink id="basket" action="#{redirectNavigator.getBasketOutcome}">
		<h:graphicImage id="basketImage" url="resources/images/basket.jpg" styleClass="basket" />		
		</h:commandLink>		
		<h:outputText value="Goods: #{orderBean.totalGoodsNumber} | Price:" styleClass="basketText" />
		<h:outputText value="#{orderBean.totalPrice}" styleClass="basketText">
		<f:converter binding="#{priceConverter.instance}" />
		</h:outputText>
		</h:form>
  </div>	
	
	
<h:panelGroup id="bg-main" layout="block">
   
   <div id="leftcolumn">
    <ul>
     <ui:repeat value="#{sectionBacking.categoriesList}" var="category">
      <li>	
		    <h:form>
		        <h:commandLink id="comLink" actionListener="#{redirectNavigator.processSelectedElement}"
		              value="#{category.categoryName}" action="#{redirectNavigator.getSubcategoriesOutcome}">
		                  <f:param name="redirect" value="#{category.categoryID}"/>        
                </h:commandLink>
     	    </h:form>
      </li>
     </ui:repeat>
    </ul>
   </div> 

    <div id="content">
       <ui:insert name="body">Placeholder Body</ui:insert>
    </div>

</h:panelGroup>
 
  <div id="footer">
    <ul>
      <li style=
      	"background:url(resources/images/devider.gif)
      	no-repeat right 50%;"> <a href="#" title="Main">Main</a> </li>
      <li style=
      	"background:url(resources/images/devider.gif)
 no-repeat right 50%;"><a href="#" title="login">Login/register</a></li>
      <li style=
      	"background:url(resources/images/devider.gif)
 no-repeat right 50%;"><a href="#" title="contacts">Contacts</a></li>
      <li style=
      	"background:url(resources/images/devider.gif)
 no-repeat right 50%;"><a href="#" title="about">About company</a></li>
      <li><a href="#" title="downloads">Downloads</a></li>
    </ul>
    <p>Designed by SavenkoNV</p>
  </div>
 
</div>	

</body>
</html>